<!DOCTYPE html>
<!--
	Overflow 1.1 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>
    <title>吴诗蕊's channel</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic" rel="stylesheet" type="text/css" />
    <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.poptrox.min.js"></script>
    <script src="js/skel.min.js"></script>
    <script src="js/init.js"></script>
    <noscript>
			<link rel="stylesheet" href="css/skel-noscript.css" />
			<link rel="stylesheet" href="css/style.css" />
		</noscript>
    <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->

</head>

<body>
    <!-- Header -->
    <section id="header">
        <header>
            <h1>Hello~ Welcome to my channel</h1>
            <p>My name is Wu Shirui</p>
            <br>a student from Nesoft
        </header>
        <footer>
            <a href="#banner" class="button style2 scrolly scrolly-centered">About me~</a>
        </footer>
    </section>

    <!-- Banner -->
    <section id="banner">
        <header>
            <h2>关于我的那些事儿~</h2>
        </header>
        <p>我的介绍：
            <br>我叫吴诗蕊
            <br>来自四川省成都市邛崃市
            <br>目前就读于青城山成都东软学院
            <br>艺术与科技专业。</p>
        <p>联系方式：
            <br><a href="https://user.qzone.qq.com/1844784061/infocenter">QQ:998853210</a>
            <br>电话：887885700
            <p>我的爱好：
                <br><a href="https://node.kg.qq.com/play?s=Qu8AZFQ23gJl-QhU&g_f=personal">唱歌</a> ,跑步，追剧

            </p>

            <footer>
                <a href="#first" class="button style2 scrolly">作品精选</a>
            </footer>
    </section>

    <!-- Feature 1 -->
    <article id="first" class="container box style1 right">
        <img class="image full" src="images/pic02.jpg" alt="" /></a>
        <div class="inner">
            <header>
                <h2>平面构成作业<br />plane composition</h2>
            </header>
            <p>这张平面构成，我选择用大量的圆圈来做车轮作为自行车的特征，选择各种五彩的颜色代表着自行的的造型多变，车轮样式多，以大覆小，以小覆大，突出层次。</p>
        </div>
    </article>

    <!-- Feature 2 -->
    <article class="container box style1 left">
        <image class="image full" src="images\pic01.png" alt="" />
        </a>
        <div class="inner">
            <header>
                <h2>平面构成作业<br /> plane composition</h2>
            </header>
            <p>这张自行车的色彩十分丰富，彩色的线圈圈出自行车的形状，色彩搭配和谐，赏心悦目，打破常规画自行车的方式，不只是只有炭笔，水彩能构造发现美。</p>
        </div>
    </article>
    <!--Ferture 3-->
    <article id="first" class="container box style1 right">
        <img class="image full" src="images/pic03.jpg" alt="" /></a>
        <div class="inner">
            <header>
                <h2>图形创意作业<br />Graphic creative work</h2>
            </header>
            <p>这张图形创意作业，主题为金山银山就是绿水青山，以山水为靠，大篇幅以山水为主，突出绿水青山的重要性，强调环保对我们有多么重要。</p>
        </div>
    </article>

    <!-- Portfolio -->
    <article class="container box style2">
        <header>
            <h2>作品和我~</h2>
            <p>这里有更多我的作品哦<br /> 还有我和小伙伴的照片嘞！</p>
        </header>
        <div class="inner gallery">
            <div class="row flush">
                <div class="3u">
                    <a href="images\fulls\01.jpg" class="image full"><img src="images\thumbs\01.jpg" alt="" title="傻傻的自己" /></a>
                </div>
                <div class="3u">
                    <a href="images\fulls\02.jpg" class="image full"><img src="images\thumbs\02.jpg" alt="" title="和小伙伴哎！" /></a>
                </div>
                <div class="3u">
                    <img class="image full" src="images\thumbs\03.jpg" alt="">
                </div>
                <div class="3u">
                    <img class="image full" src="images\thumbs\04.jpg" alt="">
                </div>
                <div class="row flush">
                    <div class="3u">
                        <a href="images\fulls\03.jpg" class="image full"><img src="images\thumbs\05.jpg" alt="" title="a girl" /></a>
                    </div>
                    <div class="3u">
                        <img class="image full" src="images\thumbs\06.jpg" alt="">
                    </div>
                    <div class="3u">
                        <a href="images\fulls\04.jpg" class="image full"><img src="images\thumbs\07.jpg" alt="" title="旅游中" /></a>
                    </div>
                    <div class="3u">
                        <a href="images\fulls\05.jpg" class="image full"><img src="images\thumbs\08.jpg" alt="" title="20岁啦" /></a>
                    </div>
                </div>
            </div>
    </article>

    <!-- Contact -->
    <article class="container box style3">
        <header>
            <h2>好的作品和我交流哦~</h2>
            <p>Contact with me </p>
        </header>
        <form>
            <div class="row half">
                <div class="6u"><input type="text" class="text" name="name" placeholder="Name" /></div>
                <div class="6u"><input type="text" class="text" name="email" placeholder="Email" /></div>
            </div>
            <div class="row half">
                <div class="12u">
                    <textarea name="message" placeholder="Message"></textarea>
                </div>
            </div>
            <div class="row">
                <div class="12u">
                    <ul class="actions">
                        <li><a href="#" class="button form">发送信息</a></li>
                    </ul>
                </div>
            </div>
        </form>
    </article>

    <section id="footer">
        <ul class="icons">
            <li><a href="#" class="fa fa-twitter solo"><span>Twitter</span></a></li>
            <li><a href="#" class="fa fa-facebook solo"><span>Facebook</span></a></li>
            <li><a href="#" class="fa fa-google-plus solo"><span>Google+</span></a></li>
            <li><a href="#" class="fa fa-pinterest solo"><span>Pinterest</span></a></li>
            <li><a href="#" class="fa fa-dribbble solo"><span>Dribbble</span></a></li>
            <li><a href="#" class="fa fa-linkedin solo"><span>LinkedIn</span></a></li>
        </ul>
        <div class="copyright">
            <ul class="menu">
                <li>&copy; 由吴诗蕊设计~</li>
                <li>Design: <a href="https://user.qzone.qq.com/1844784061/main">吴诗蕊</a></li>
            </ul>
        </div>
    </section>
    <audio src="徐嘉澄 - 花海 (原唱_ 周杰伦).mp3" autoplay="autoplay"></audio>


</body>

</html>